<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        fieldset {

            border: 1px solid blue;
        }

        legend{
            border: 1px solid rebeccapurple;
            text-align: center;

        }
    </style>

</head>

<body>

    <h1>字段集</h1>

    <!-- fieldset 框 -->
    <fieldset>

        <!-- legend 缺口展示的内容 -->

        <legend>选择你的内容</legend>

        <input type="radio" name="aa" id=""> 内容1
        <br>
        <input type="radio" name="aa" id=""> 内容2

    </fieldset>
    <!-- fieldset 框 -->
    <fieldset>

        <!-- legend 缺口展示的内容 -->

        <legend>爱好</legend>

        <input type="checkbox" name="aa" id=""> 内容1
        <br>
        <input type="checkbox" name="aa" id=""> 内容2

    </fieldset>


    <input type="time" name="" id="">

    <input type="datetime-local" name="" id="">

</body>

</html>